<template>
    <a-avatar :style="{ backgroundColor: sex === 1 ? '#7bc0fc' : '#e972ad' }" :size="size" >
        {{ keys }}
    </a-avatar>
</template>
<script lang="ts" setup>
defineProps({
    avatar: { type: String, default: () => { return '' } },
    size: { type: Number, default: () => { return 30 } },
    sex: { type: Number, default: () => { return 1 } }, // 1男 2女
    keys: { type: String, default: () => { return '' } },
})
</script>